<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><span style="color: red;font-size: 15px">*</span>{:__('图片')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-image" class="form-control" data-rule="required" size="50" name="row[image]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-image"></ul>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><span style="color: red;font-size: 15px">*</span>{:__('图片名称')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" class="form-control" data-rule="required" name="row[name]" type="text" value="">
        </div>
    </div>

    <div class="form-group">
        <label for="c-pid" class="control-label col-xs-12 col-sm-2">{:__('状态')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-pid" data-rule="required" class="form-control selectpicker" name="row[status]">
                <option data-type="status" value="1"  selected >发布</option>
                <option data-type="status" value="0"  >未发布</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('内容来源')}:</label>
        <div id="source" class="col-xs-12 col-sm-8">
            {:build_radios('row[source]', ['1'=>__('不能点击'), '2'=>__('图文详情')])}
        </div>
    </div>

    <div id="xuni">
    <!--<div class="form-group">-->
        <!--<label class="control-label col-xs-12 col-sm-2">{:__('跳转链接地址')}:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<input id="c-url" class="form-control" name="row[url]" type="text" value="">-->
        <!--</div>-->
    <!--</div>-->
    </div>

    <div id="shiwu">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('产品详情')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="a-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
        </div>
    </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('排序')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-sort" class="form-control" name="row[sort]" type="text" value="">
        </div>
    </div>


    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<script src="/assets/img/jquery-3.4.1.min.js"></script>
<script>
    $('#shiwu').hide();
    $('#xuni').show();

    $(document).on("change", "#source", function(){
        let type =  $("#source input:radio:checked").val();
        //变更后的回调事件
        //console.log(type);

        if(type == 1){
            $('#shiwu').hide();
            $('#xuni').show();

        }else{
            $('#shiwu').show();
            $('#xuni').hide();
        }

    });
</script>